<template>
<h1>隐藏显示指令</h1>
  <p v-if="true">张三</p>
  <p v-if="false">李四</p>
  <hr>
  <p v-show="true">张三</p>
  <p v-show="false">李四</p>
  <hr>
  <p v-if="is_show">太阳</p>
  <p v-else>月亮</p>
</template>
<script setup>
import {ref} from "vue";

const is_show = ref(true);
//is_show.value = false;
</script>


<style scoped>

</style>